<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <svg width="500" height="500">
        <!-- 画圆 cx cy圆心坐标   r半径   stroke  fill-->
        <!--<circle cx="50" cy="50" r="50" stroke="red" fill="white"></circle>-->

        <!-- 椭圆 cx cy圆心  rx横半径  ry纵半径   stroke-width="10"-->
        <!--<ellipse cx="50" cy="100" rx="50" ry="100" fill="yellow" stroke="red"-->
                <!--stroke-width="10"></ellipse>-->

        <!-- rx ry 圆角效果-->
        <!--<rect x="20" y="20" width="300" height="150" rx="15" ry="15" fill="red"></rect>-->

        <!-- x1 y1  x2  y2  设置stroke-->
        <!--<line x1="20" y1="20" x2="200" y2="200" style="stroke:red;stroke-width:20" ></line>-->

        <!-- 路径 M=moveto  L=Lineto Z=闭合-->
        <!-- M绝对定位 m相对定位-->
        <!--<path d="M 20 20 L 200 200 L 200 100 " stroke="red" fill="white"></path>-->


        <!-- 折线points  每个点 0,0空格隔开20,20   按照坐标点依次连线-->
        <!--<polyline points="20,20 200,200 200,300 100,20" stroke="red"fill="red" ></polyline>-->


    </svg>

</body>
</html>